<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue</title>
    <link rel="stylesheet" type="text/css" href="./index.css" />
</head>

<body>
    <div id="app">
        <h2>我的Vue实例</h2>
        <input type="text" V-model="inputValue" autofocus="autofocus" placeholder="请输入" class="new_todo" />
        <input type="button" @click="add" value="搜索">
        <section class="main">
            <ul class="todo-list">
                <li class="todo" v-for="(item,index) in list" @click="history(item)">
                    <div class="news">
                        <span class="index">{{  index+1 }}.</span>
                        <label>{{   item    }}</label>
                        <button class="remove" @click="remove(index)">x</button>
                    </div>
                </li>
            </ul>
        </section>
        <div>

        </div>
        <ul class="weather">
            <li v-for="myitem in weatherList">
                <h4>{{ myitem.date }}</h4>
                <h3>{{ myitem.type }}</h3>
                <h4>{{ myitem.high }}</h4>
                <h4>{{ myitem.low }}</h4>
            </li>
        </ul>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./index.js"></script>
</body>

</html>